<template>
  <BackgroundBar title="海岛" :showShare="true" :back="true"></BackgroundBar>
  <DetailData v-if="detailId" :detailId="detailId" />
  <Comment v-if="detailId" :detailId="detailId" />
</template>

<script setup>
import { ref } from "vue";
import { onLoad } from "@dcloudio/uni-app";
import BackgroundBar from "@/components/NavigationBar/background.vue";
import Comment from './detailComp/comment.vue';
import DetailData from './detailComp/detailData.vue';

const detailId = ref("");

onLoad((query) => {
  detailId.value = query.id;
});

</script>

<style lang="scss"></style>
